<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>中国站长天空-网页特效-导航菜单-点击展开/收缩的下拉菜单</title>
<script type="text/javascript" src="js/tree.js"></script>
<style type="text/css">
 .MenuLevel1{
 position:relative;
 font-size:12px ;
 color:#333333 ;
 height:24px ;
 line-height:24px;
 cursor:hand ;
 padding-left:12px;
 background:#efefef;
 border-top:1px #f7f7f7 solid;
 border-bottom:1px #ccc solid;
}
.MenuLevel1 span{
 position : absolute ;
 right:2px;
 top:3px;
}
.MenuLevel2{
 font-size:12px ;
 color:#333333 ;
 background-color:#f7f7f7 ;
 height:18px ;
 padding-top:3px ;
 padding-left:18px;
 border-bottom:1px #efefef solid;
}
.MenuLevel3{
 position:relative;
 font-size:12px ;
 color:#333333 ;
 background-color:#f7f7f7 ;
 height:20px ;
 padding-top:3px ;
 padding-left:18px;
 border-top:1px #ffffff solid;
 border-bottom:1px #efefef solid;
}
.MenuLevel3 span{
 position : absolute ;
 right:2px;
 top:3px;
}
.MenuLevel4{
 display:block;
 font-size:12px ;
 color:#333333 ; 
 background-color:#fff;
 height:20px ;
 line-height:20px ;
 padding:3px 0 0 18px;
 border-bottom:1px #efefef solid;
}
a.MenuLevel4 {
 text-decoration:none;
}
a.MenuLevel4:hover {
 color:#fff;
 background:#AFC81C;
 text-decoration:none;
}
.MenuLevel8888{
 font-size:12px ;
 color:#5277A9 ;
 background-color:#E0E0DA ;
 height:18px ;
 padding-top:3px ;
 padding-left:18px;
}
.SubMenuLayer{
 display:inline ;
 cursor:hand ;
}
.SubMenuLayerHidden{
 display:none ;
 cursor:hand ;
}
.oprName{
 position : absolute ;
 left : 0 ;
 top : 1000px ; 
 width : 109 ; 
 z-index : 10 ;
 line-height : 20px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align : left ;
 display:inline;
}
.oprName_hidden{
 position : absolute ;
 left : 0 ;
 top : 1000px ; 
 width : 109 ; 
 z-index : 10 ;
 line-height : 20px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align : left ;
 display:none;
}
.oprName1{
 position : absolute ;
 right : 0 ;
 bottom : 1000px ; 
 width : 12 ; 
 z-index : 10 ;
 line-height : 12px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align:center;
 padding-top:6px;
 display:inline;
}
.oprName1_hidden{
 position : absolute ;
 right : 0 ;
 bottom : 1000px ; 
 width : 12 ; 
 z-index : 10 ;
 line-height : 12px ; 
 font-size : 12px ;
 background-color : #887868 ;
 color : #ffffff ;
 border : none ;
 text-align:center;
 padding-top:6px;
 display:none;
}

</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr valign="top">
<td id="Menu" style="display:inline;" width="100%">
	<script type="text/javascript">
<!--
 Tree = new dTree('Tree');
Tree.add(0,-1,'0aaaaaaaa','http://www.sina.com','a','main');
Tree.add(1,0,'1aaaaaaaaaaa','#','a','main');
Tree.add(2,0,'2aaaaaaa','#','a','main');
Tree.add(3,1,'3sdssaaaas','#','a','main');
Tree.add(4,1,'4weeeeeeeeeee','#','a','main');
Tree.add(5,2,'5wwwwwwwwq','#','a','main');
Tree.add(6,2,'6qqqqqqqqq','#','a','main');
//--> 
</script>
<div class="dtree">
<script type="text/javascript">
<!--
document.write(Tree);
//-->
</script>
</div>

</td>
</tr>
</table>
</body>
</html> 